
@color:var(--color, #2455c8);

:export {
    name: "less";
    color: @color;
}

:root {
    --el-color-primary: @color !important;
    --el-menu-active-color:@color !important;
    --el-color-primary-light-3:@color !important;
    --el-color-primary-light-5:@color !important;
    --el-color-primary-light-7:@color !important;
    --el-color-primary-light-8:@color !important;
    /* --el-color-primary-light-9:@color !important;  */
  }
  
  
  
  body,  ul,  ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img,  form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
  li,span,div{
    box-sizing: border-box;
  }
  article, aside, footer, header, nav, section {
      display: block;
  }
  .el-button--primary{
    --el-select-input-focus-border-color:@color;
      --el-color-primary:@color !important;
      --el-button-hover-bg-color:#2455c8;
      --el-button-active-bg-color:@color;
  }
  .el-input{
    --el-input-focus-border-color:@color
  }
  ol, ul {
      list-style: none;
  }
  
  /*去除边框*/
  fieldset, img, input, button, textarea {
      border: none;
      /*去除的蓝色小边框*/
      outline-style: none;
    }
  
      /*禁止表单域缩放*/
    textarea {
      resize: none;
    }
    
    a {
      text-decoration: none;
      color: #969696;
      /* 取消链接高亮  */
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
  
  em, i, u {
      font-style: normal;
  }
  
  .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
  }
  
  
  body {
      /* font: 12px/1.5 'microsoft yahei', Arial, Verdana, "\5b8b\4f53"; */
      color: #333;
      background-color: #f6f6f6;
      height: auto;
      /* margin: 0 auto; */
      /* max-width: 2560px; */
      /* 应用 CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为，但是 touch 事件照样触发。不用这个的话连续点击会报错 */
      /* touch-action: none; */
  }
  
  a {
      color: #fff;
      text-decoration: none;
  
  }
  
  .fl {
      float: left;
  }
  
  .fr {
      float: right;
  }
    
    /*单行溢出*/
    .one-txt-cut {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    
    /*多行溢出*/
    .txt-cut {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
       -webkit-line-clamp: 2;
       text-overflow:ellipsis;overflow:hidden;
      -webkit-box-orient: vertical;
    }
  
    /* IE浏览器滚动条样式 */
  body {
    scrollbar-face-color: var(--scrollbar-color); /* 滑块颜色 */
    scrollbar-shadow-color: transparent;          /* 滑块边框颜色 */
    scrollbar-highlight-color: transparent;       /* 滚动条上轮廓线颜色 */
    scrollbar-3dlight-color: transparent;         /* 滚动条上正面线条颜色 */
    scrollbar-darkshadow-color: transparent;      /* 滚动条下轮廓线颜色 */
    scrollbar-track-color: transparent;           /* 轨道颜色 */
  }
  
  
  
    /* 在屏幕设备中，判断屏幕尺寸大于等于1800px    */
  @media screen  and  (min-width: 1800px) {
    html{
      /* font-size: 18px; */
    }
  }
  /* 在屏幕设备中，判断屏幕尺寸最大为1600px */
  @media screen and (max-width: 1600px) {
    html{
      /* font-size: 16px; */
    }
  }
  @media screen and (max-width: 1100px) {
    html{
     
    }
  }
  body{
    background: #f8f7fc;
  }
  
  .Ospan{
    width: 3px;
    height: 16px;
    display: inline-block;
    background:#2455c8;
    margin-right: 10px;
  }
  
  
  
  .pro-popover {
    width: 346px !important;
    height: 367px;
    background: #f5f7fd;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #e5e5e5;
  
  
  }
  .el-menu--popup-bottom-start{
  
    background-color: white !important;
  }
  .submenu{
    background-color: white !important;
  }
  .twonav{
    background: white !important;
    box-sizing: border-box;
   
    color: #333 !important;
    
  }
  .twonav.is-active{
    background: #e6eeff !important;
    
  }
  .twonav img{
    margin: 0 10px;
  }
  
  :root {
    --scrollbar-color: rgba(0,0,0,0.3);  /* 滚动条颜色 */
    --scrollbar-width: 8px;            /* 滚动条宽度 */
  }
  
  /* Webkit浏览器（包括Safari和Chrome）滚动条样式 */
  ::-webkit-scrollbar {
    width: var(--scrollbar-width);
  }
  
  ::-webkit-scrollbar-track {
    background-color: transparent;      /* 轨道颜色 */
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);  /* 滑块颜色 */
  }
  
  /* Firefox浏览器滚动条样式 */
  html {
    scrollbar-color: var(--scrollbar-color) transparent;  /* 滚动条颜色和轨道颜色 */
    scrollbar-width: var(--scrollbar-width);
  }
  
  
  